
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="../styles.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- DATE PICKER SCRIPT -->
<link type="text/css" href="../css/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.8.21.custom.min.js"></script>
<link rel="stylesheet" href="../css/colorbox.css" />
<script src="../js/jquery.colorbox.js"></script>
<script type="text/javascript">
	$(function() {
	
	window.nights = 0;
	window.day = new Date();
	
	var temp = new Date();
	var n = "";
	var n1 = "";
	var departure1_default = new Date();
	var departure2_default = new Date();
	var arrival2_default = new Date();
	
	// Init default value for State dropdown
	$("#State").load("countrydata/USA.txt");
	$("#State_billing").load("countrydata/USA.txt");
	
	// set default value for Salida: in Fecha1
	$( "#arrival1" ).change(function(){
		var nextDay = $( "#arrival1" ).val();
		n = nextDay.split("/");
		newday = new Date(""+n[0]+"/"+n[1]+"/"+n[2]+"");

		// check arrival has greater than dayexpired?
		if (new Date(newday) > new Date(window.day))
		{
			$('#arrival1').css('background-color','red');
		}
		// set default value to departure1
		departure1_default = newday;
		departure1_default.setDate(newday.getDate()+parseInt(window.nights));
		
		arrival2_default.setDate(newday.getDate()+1);
		
		$("#departure1").val($.datepicker.formatDate('mm/dd/yy',departure1_default));
		
		$("#arrival2").datepicker({ 
			defaultDate: arrival2_default});
	});
	
	$( "#arrival2").change(function(){
		var nextDay1 = $("#arrival2").val();
		//arrival2_default.setDate(arrival2_default.getDate()+3);
		n1 = nextDay1.split("/");
		newday = new Date(""+n1[0]+"/"+n1[1]+"/"+n1[2]+"");
		departure2_default = newday;
		departure2_default.setDate(newday.getDate()+parseInt(window.nights));
		$("#departure2").val($.datepicker.formatDate('mm/dd/yy',departure2_default));
	});
	
	$("#arrival2").click(function(){
		if ($( "#arrival1" ).val() == ''){
			$( "#arrival2" ).datepicker();
			$( "#arrival2" ).focus();
			return false;
		} 
	});

	/*
	*	Init datepicker
	*/
	
	$( "#arrival1" ).datepicker();
	$( "#departure1" ).datepicker();
	$( "#departure2" ).datepicker();
	
	// datepicker divA
	$( "#arrival1_divA" ).datepicker();
	$( "#arrival2_divA" ).datepicker();
	$( "#departure1_divA" ).datepicker();
	$( "#departure2_divA" ).datepicker();
	
	// datepicker divB
	$( "#arrival1_divB" ).datepicker();
	$( "#departure1_divB" ).datepicker();
	$( "#departure2_divB" ).datepicker();
	$( "#arrival2_divB" ).datepicker();
	
	// datepicker divC
	$( "#arrival1_divC" ).datepicker();
	$( "#departure1_divC" ).datepicker();
	$( "#departure2_divC" ).datepicker();
	$( "#arrival2_divC" ).datepicker();
	
	/*
	*	End Init
	*/
	
	$("#submit_divA").click(button_divA);
	$("#submit_divB").click(button_divB);
	$("#submit_divC").click(button_divC);
	$("#checkCode").bind('click', function () {
		checkCode();
	});
	
	/*
	*	Event when changing Pais's dropdown 
	*/
	$("#Pais").change(function(){
		if ($("#Pais").val() == 'Other'){
			$("#State").attr("disabled", true);
			$("#country").val('');
			$("#td_pais").removeAttr("style");
			$("#td_province").removeAttr("style");
		} else {
			$("#State").load("countrydata/" + $(this).val() + ".txt")
			$("#State").attr("disabled", false);
			$("#td_pais").css("display","none");
			$("#td_province").css("display","none");
			$("#country").val($("#Pais").val());
		}
	});
	
	$("#Pais_billing").change(function(){
		if ($("#Pais_billing").val() == 'Other'){
			$("#State_billing").attr("disabled", true);
			$("#country_billing").val('');
			$("#td_pais_billing").removeAttr("style");
			$("#td_province_billing").removeAttr("style");
		} else {
			$("#State_billing").load("countrydata/" + $(this).val() + ".txt")
			$("#State_billing").attr("disabled", false);
			$("#td_pais_billing").css("display","none");
			$("#td_province_billing").css("display","none");
			$("#country_billing").val($("#Pais").val());
		}
	});
	/*
	*	END 
	*/
	
	// Update State to textbox
	$("#State").change(function(){
		$("#province").val($("#State").val());
	});
	
	$("#State_billing").change(function(){
		$("#province_billing").val($("#State_billing").val());
	});
		
	// check "same as above" checkbox
		$('#addAdress').bind('change', function () {
			if ($(this).is(':checked')) {
				var address1 = $('#Direccion1').val();
				var address2 = $('#Direccion2').val();
				var city = $('#Ciudad').val();
				var postal = $('#Postal').val();
				
				$("#Direccion1_billing").val(address1);
				$("#Direccion2_billing").val(address2);
				$("#Ciudad_billing").val(city);
				$("#Postal_billing").val(postal);
				
				if ($("#Pais").val() == 'Other') {
					$("#State_billing").attr("disabled", true);
					$("#Pais_billing").val($("#Pais").val());
					$("#country_billing").val($("#country").val());
					$("#province_billing").val($("#province").val());
					$("#td_pais_billing").removeAttr("style");
					$("#td_province_billing").removeAttr("style");
				} else {
					$("#Pais_billing").val($("#Pais").val());
					$("#State_billing").load("countrydata/"+$("#Pais").val()+".txt", function() {
						$("#State_billing").val($("#State").val());
					});
					$("#country_billing").val($("#country").val());
					$("#province_billing").val($("#province").val());
				}
			} else {
				$("#State_billing").attr("disabled", false);
				$("#Direccion1_billing").val('');
				$("#Direccion2_billing").val('');
				$("#Ciudad_billing").val('');
				$("#Postal_billing").val('');
				$("#State_billing").val('select');
				$("#Pais_billing").val('USA');
				$("#country_billing").val('');
				$("#province_billing").val('');
				$("#td_pais_billing").css("display","none");
				$("#td_province_billing").css("display","none");
			}
	});
	
		
	});
	
	function button_divA(){
		$.ajax({
			type:"GET",
			url: "extraNoches.asp",
			dataType: "html",
			data: {Action:'divA',roomsize:$("#Habitacion_divA").val(), startdate:$("#arrival1_divA").val()},
			async: false,
			success: function(data){ 
				$("#areaUpdate_divA").html(data);
				$("#submit_divA").click(button_divA);
				$("#checked_divA").val('1');
			}
		});
	return false;
	}
	
	function button_divB(){
		$.ajax({
			type:"POST",
			url: "extraNoches.asp",
			dataType: "html",
			data: {Action:'divB',roomsize:$("#Habitacion_divB").val(), startdate:$("#arrival1_divB").val()},
			async: false,
			success: function(data){ 
				$("#areaUpdate_divB").html(data);
				$("#submit_divB").click(button_divB);
				$("#checked_divB").val('1');
			}
		});
		return false;
	}
	
	function button_divC(){
		$.ajax({	
			type:"POST",
			url: "extraNoches.asp",
			dataType: "html",
			data: {Action:'divC',roomsize:$("#Habitacion_divC").val(), startdate:$("#arrival1_divC").val(), enddate:$("#departure1_divC").val()},
			async: false,
			success: function(data){ 
				$("#areaUpdate_divC").html(data);
				$("#submit_divC").click(button_divC);
				$("#checked_divC").val('1');
			}
		});
		return false;
	}
	
	function checkCode(){
	var txtcode = $("#code").val();
		$.ajax({
			type:"POST",
			url: "check-code.asp",
			dataType: "html",
			data: {code:txtcode},
			async: false,
			success: function(data){ 
				if (data == "0") {
					alert("Code is not existing!");
					return false;
				}
				else if (data == "1") {
					alert("Code is expired!");
					 $.colorbox({iframe:true, innerWidth:300, innerHeight:200, href:"FEI_Extend_Offer.asp?code="+txtcode}); 
					 $(document).bind('cbox_closed', function(){
					 $(document).unbind('cbox_closed');
						 $.ajax({
							type:"POST",
							url: "check-code.asp",
							dataType: "html",
							data: {code:txtcode},
							async: false,
							success: function(data){
								var result = jQuery.parseJSON(data);

								$('#Originador').val(result.Origina);
								$('#codeId').val(result.codeID);
								$('#Campaña').val(result.Camp);
								$("#Producto").val(result.ProductName);
								$("#Propiedad").val(result.PropertyName);
								$("#Propiedad_divA").val(result.PropertyName);
								$("#Propiedad_divB").val(result.PropertyName);
								$("#Propiedad_divC").val(result.PropertyName);
								window.nights = result.Night;
								// Show order Details
								$("#inline_content").html('<p><strong>'+result.OfferDetail+'</strong></p><p>Cost:'+result.Cost+'</p><p>Nights:'+result.Nights+'</p><p>ExpiredDate:'+result.ExpiredDate+'</p>');
								$.colorbox({inline:true, innerWidth:500, innerHeight:300, "href":"#inline_content"}); 
								$("#linkDetail").css('display','block');
								//$("#detailExtra").css('display','');
								$("#detailExtra").html('<p><strong>'+result.OfferDetail+'</strong></p><p>Cost:'+result.Cost+'</p><p>Nights:'+result.Nights+'</p><p>ExpiredDate:'+result.ExpiredDate+'</p>');
								$("#transCost").val(result.TransCost);
								window.day = result.ExpiredDate;
								$(".inline").colorbox({inline:true, innerWidth:500, innerHeight:300});
								
							},
							error: function (data) {
								alert('error');
							}
						});
						return false;
					});
					
				}
				else if (data == "2") {
					alert('This code is already in our system and cannot be used again');
					return false;
				}
				else {
					var result = jQuery.parseJSON(data);
					
					$('#Originador').val(result.Origina);
					$('#codeId').val(result.codeID);
					$('#Campaña').val(result.Camp);
					$("#Producto").val(result.ProductName);
					$("#Propiedad").val(result.PropertyName);
					$("#Propiedad_divA").val(result.PropertyName);
					$("#Propiedad_divB").val(result.PropertyName);
					$("#Propiedad_divC").val(result.PropertyName);
					window.nights = result.Night;
					// Show order Details
					$("#inline_content").html('<p><strong>'+result.OfferDetail+'</strong></p><p>Cost:'+result.Cost+'</p><p>Nights:'+result.Nights+'</p><p>ExpiredDate:'+result.ExpiredDate+'</p>');
					$.colorbox({inline:true, innerWidth:500, innerHeight:300, "href":"#inline_content"}); 
					$("#linkDetail").css('display','block');
					//$("#detailExtra").css('display','');
					$("#detailExtra").html('<p><strong>'+result.OfferDetail+'</strong></p><p>Cost:'+result.Cost+'</p><p>Nights:'+result.Nights+'</p><p>ExpiredDate:'+result.ExpiredDate+'</p>');
					$("#transCost").val(result.TransCost);
					window.day = result.ExpiredDate;
					$(".inline").colorbox({inline:true, innerWidth:500, innerHeight:300});
				}
			}
		});
		return false;
	}
	
  <!-- END DATE PICKER SCRIPT -->
</script>

<style>
#divA,
#divB,
#divC


{	
	display:none;
	
}	

</style>

<script language="javascript">
    function divHideShow(divToHideOrShow) 
    {
        var div = document.getElementById(divToHideOrShow);
		var extraNight = parseInt(document.getElementById("NochesExtras").value);
		
        if (div.style.display == "block") 
        {
			var divs = document.getElementById(divToHideOrShow);
			
			div.style.display = "none";

        }
        else 
        {
			if (document.getElementById("departure1").value != '' || document.getElementById("departure2").value != '') {
				var newday = new Date();
				var	newday1 = new Date();
			}
			
			switch(divToHideOrShow)
			{
			case "divA":
				var a = document.getElementById("departure1").value;
				if (a != ''){
					var arrayA = a.split("/");
					newday  = new Date(""+arrayA[0]+"/"+arrayA[1]+"/"+arrayA[2]+"");
					newday.setDate(newday.getDate());
					setResultA = $.datepicker.formatDate('mm/dd/yy',newday);
				} else {
					setResultA = '';
				}
				
				var b = document.getElementById("departure2").value;
				if (b != ''){
					var arrayB = b.split("/");
					newday1  = new Date(""+arrayB[0]+"/"+arrayB[1]+"/"+arrayB[2]+"");
					newday1.setDate(newday1.getDate());
					setResultB = $.datepicker.formatDate('mm/dd/yy',newday1);
				} else {
					setResultB = '';
				}
				
				if (a != ''){
				newday.setDate(newday.getDate() + extraNight);
				setResultC = $.datepicker.formatDate('mm/dd/yy',newday);
				} else 
					setResultC = '';
					
				if (b != ''){
				newday1.setDate(newday1.getDate()+extraNight);
				setResultD = $.datepicker.formatDate('mm/dd/yy',newday1);
				} else
					setResultD = '';
				
				document.getElementById("arrival1_divA").value = setResultA;
				document.getElementById("arrival2_divA").value = setResultB;
				document.getElementById("departure1_divA").value = setResultC;
				document.getElementById("departure2_divA").value = setResultD;
				
				document.getElementById("Habitacion_divA").value = document.getElementById("Habitacion").value;
				document.getElementById("NumeroTotaldeInvitados_divA").value = document.getElementById("NumeroTotaldeInvitados").value;
				document.getElementById("NumerodeNinos_divA").value = document.getElementById("NumerodeNinos").value;
				
				break;
			
			case "divB":
			
				var a = document.getElementById("departure1_divA").value;
				if (a != ''){
					var arrayA = a.split("/");
					newday  = new Date(""+arrayA[0]+"/"+arrayA[1]+"/"+arrayA[2]+"");
					newday.setDate(newday.getDate());
					setResultA = $.datepicker.formatDate('mm/dd/yy',newday);
				} else {
					setResultA = '';
				}
				
				var b = document.getElementById("departure2_divA").value;
				if (b != ''){
					var arrayB = b.split("/");
					newday1  = new Date(""+arrayB[0]+"/"+arrayB[1]+"/"+arrayB[2]+"");
					newday1.setDate(newday1.getDate());
					setResultB = $.datepicker.formatDate('mm/dd/yy',newday1);
				} else {
					setResultB = '';
				}
				
				if (a != ''){
				newday.setDate(newday.getDate()+extraNight);
				setResultC = $.datepicker.formatDate('mm/dd/yy',newday);
				} else 
					setResultC = '';
					
				if (b != ''){
				newday1.setDate(newday1.getDate()+extraNight);
				setResultD = $.datepicker.formatDate('mm/dd/yy',newday1);
				} else
					setResultD = '';
					
				document.getElementById("arrival1_divB").value = setResultA;
				document.getElementById("arrival2_divB").value = setResultB;
				document.getElementById("departure1_divB").value = setResultC;
				document.getElementById("departure2_divB").value = setResultD;
				
				document.getElementById("Habitacion_divB").value = document.getElementById("Habitacion").value;
				document.getElementById("NumeroTotaldeInvitados_divB").value = document.getElementById("NumeroTotaldeInvitados").value;
				document.getElementById("NumerodeNinos_divB").value = document.getElementById("NumerodeNinos").value;
				
				break;
				
			case "divC":
				
				var a = document.getElementById("departure1_divB").value;
				if (a != ''){
					var arrayA = a.split("/");
					newday  = new Date(""+arrayA[0]+"/"+arrayA[1]+"/"+arrayA[2]+"");
					newday.setDate(newday.getDate());
					setResultA = $.datepicker.formatDate('mm/dd/yy',newday);
				} else {
					setResultA = '';
				}
				
				var b = document.getElementById("departure2_divB").value;
				if (b != ''){
					var arrayB = b.split("/");
					newday1  = new Date(""+arrayB[0]+"/"+arrayB[1]+"/"+arrayB[2]+"");
					newday1.setDate(newday1.getDate());
					setResultB = $.datepicker.formatDate('mm/dd/yy',newday1);
				} else {
					setResultB = '';
				}
				
				if (a != ''){
				newday.setDate(newday.getDate()+extraNight);
				setResultC = $.datepicker.formatDate('mm/dd/yy',newday);
				} else 
					setResultC = '';
					
				if (b != ''){
				newday1.setDate(newday1.getDate()+extraNight);
				setResultD = $.datepicker.formatDate('mm/dd/yy',newday1);
				} else
					setResultD = '';
				
				document.getElementById("arrival1_divC").value = setResultA;
				document.getElementById("arrival2_divC").value = setResultB;
				document.getElementById("departure1_divC").value = setResultC;
				document.getElementById("departure2_divC").value = setResultD;
				
				document.getElementById("Habitacion_divC").value = document.getElementById("Habitacion").value;
				document.getElementById("NumeroTotaldeInvitados_divC").value = document.getElementById("NumeroTotaldeInvitados").value;
				document.getElementById("NumerodeNinos_divC").value = document.getElementById("NumerodeNinos").value;
				
				break;
			}
			
            div.style.display = "block";
        }

        
    }         
</script>

<script>
function SubmitForm2()
{
	if (document.getElementById("Habitacion").value == 0)
	{
		alert('please choose Tamaño de Habitacion');
		return false;
	}
	
	if (!document.getElementById('checkAdvised ').checked){
        alert('please check additional costs for transportation!');
		return false;
	}

	document.forms['contactus'].action='send_invitation_process.asp';
	document.forms['contactus'].submit();
}

</script>


<title>Ingresar Prospecto/Enter Prospect :: Costa Baja</title>
</head>
<body>

<div id="main_wrapper">
    	<div class="main_wrapper_margin">
        	
            <div class="admin_top_menu">
            <!--#INCLUDE FILE="sales_menu.asp"--> 
           	</div>
             
			<h1>Ingresar Prospecto/Enter Prospect</h1>         
           
           <div class="clear"></div>
          <form id='contactus' action='' method='get'>
           <fieldset>
           	<legend>Informacion Personal</legend>
            <table cellpadding="0" width="100%">
			<tr>
				<td width="33%">
                    <label>Title :</label><br />
                     	<select name="Title" id="Title">
			    		<option value="0">-- Seleccionar --</option>
            			<option value="Sr.">Sr</option>
            			<option value="Sra.">Sra</option>
            			<option value="Srta.">Srta</option>
            			<option value="Mr.">Mr</option>
            			<option value="Miss">Miss</option>
            			<option value="Ms">Ms</option>
                		<option value="Mrs.">Mrs</option>
            			</select>
            		</td>
			</tr>
            	
                <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombre: </label><br />
					<input type="text" name="Nombre" id="Nombre" value=""/>
  					</td>
                    <td width="33%">
                    <label>Segundo Nombre: </label><br />
                    <input type="text" name="Segundo_Nombre" id="Segundo_Nombre" value=""/>
            		</td>
                    <td width="33%">
                    <label>Apellido: </label><br />
					<input type="text" name="Apellido" id="Apellido" value=""/>
                    </td>
                </tr><!-- END ROW -->
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Telefono: </label><br />
					<input type="text" name="Telefono" id="Telefono" value=""/>
  					</td>
                    <td width="33%">
                    <label>E-mail: </label><br />
					<input type="text" name="email" id="email" value=""/>
            		</td>
                    <td width="33%">
                    		<label>Idioma: </label><br />
            			<select name = "Idioma" id="Idioma">
	            		<option value="0">-- Seleccionar --</option>
            			<option value="1">Español</option>
                		<option value="2">English</option>
            			</select>
                    
                    </td>
                </tr><!-- END ROW -->
                
                  <tr> <!-- ROW -->
                    <td>
            	<label>Direccion 1: </label><br />
                <input type="text" name="Direccion1" id="Direccion1" value=""/>
            		</td>
                    <td>
            	<label>Direccion 2: </label><br />
                <input type="text" name="Direccion2" id="Direccion2" value=""/>
            		</td>
                    <td>
             <label>Ciudad: </label><br />
                <input type="text"name="Ciudad" id="Ciudad" value=""/>
            		</td>
                 </tr><!-- END ROW -->
                
               <tr> <!-- ROW -->
			    <td>
				<label>Pais: </label><br />
					<select id="Pais">
            			<option value="USA">USA</option>
                		<option value="Canada">Canada</option>
                		<option value="Mexico">Mexico</option>
                		<option value="Other">Other</option>
            	</td>
                    <td>
            	<label>Stado / Provincia: </label><br />
				 <select id="State">
                  <option value='select' selected="selected">Seleccione Estado</option>
                  
                </select>
            		</td>
				</tr>
					<tr>
					<td id="td_pais" style="display:none">
					<label>Country: </label><br />
					 <input type="text" name="Pais" id="country" value="USA"/>
					</td>
					<td id="td_province" style="display:none">
					<label>Stado / Provincia: </label><br />
					 <input type="text" name="Stado" id="province" value=""/>
					</td>
                    <td>
            	<label>Codigo Postal: </label><br />
                <input type="text"name="Postal" id="Postal" value=""/>
            		</td>
                   
                 </tr><!-- END ROW -->
                    
                <tr> <!-- ROW -->
                    <td>
                  		<label>Comunicasion: </label><br />
            			<select name = "Comunicasion" id="Comunicasion">
            			<option value="0">-- Seleccionar --</option>
            			<option value="Telefono">Telefono</option>
                		<option value="E-Mail">E-Mail</option>
            			</select>
            		</td>
                    <td>	
					<label>Ingresar CODIGO: </label><br />
					<input type="text" id="code" name="code" value=""/>
					<input type="hidden" id="codeId" name="codeId" value="" />
            		</td>
					
                    <td>
             	<input type="button"  value="Check Code" id="checkCode" />
            		</td>
                 </tr><!-- END ROW -->
           
            </table>
            
           </fieldset>
             
			
<!-- SECOND PART OF THE FORM -->           
           <fieldset>
           		<legend>Informacion de Viaje</legend>
      
                  <table cellpadding="0" width="100%">
                 <tr>
				 <td width="33%">
					
						<input type="checkbox" value="1" id="checkClientSerious" name="checkClientSerious"/><label>   Request Reservation Code From Costabaja</label>
					</td>
					<td width="33%" style='display:none' id='linkDetail'>
					<p><a class='inline' href="#inline_content">Offer Details</a></p>
					</td>
					<td width="33%" style='display:none' id='detailExtra'></td>
				 </tr> 
                <tr> <!-- ROW -->
				<td width="33%">
                    <label>Campaña :</label><br />
					<input type="text" name="Campaña" id="Campaña" value=""/>
                    </td>
                	
                    <td width="33%">
                    <label>Producto :</label><br />
                     	<select name="Producto" id="Producto">
			    		<option value="0">-- Seleccionar --</option>
            			<option value="Residencia">Residencia becames - RCCB</option>
                		<option value="Full/Ownership">Full/Ownership - F.O</option>
            			</select>
            		</td>
                    <td width="33%">
            		<label>Source :</label><br />
                    <input type="text"  name="Originador" id="Originador" value=""/>
  					</td>
                </tr><!-- END ROW -->
                
                <tr> <!-- ROW -->
                	<td width="33%">
            	<label>Propiedad: </label><br />
            			<select name="Propiedad" id="Propiedad">
			    		<option value="0">-- Seleccionar --</option>
            			<option value="VM - Vista Mar">VM - Vista Mar</option>
                		<option value="LC - Las Colinas Resort">LC - Las Colinas</option>
            			</select>
  					</td>
                    <td width="33%">
                       <label># BR: </label><br />
            			<select name="Habitacion" id="Habitacion">
			    		<option value="0">-- Seleccionar --</option>
                		<option value="1 BR">1 BR</option>
						<option value="2 BR">2 BR</option>
						<option value="3 BR">3 BR</option>
            			</select>
       
            		</td>
                </tr><!-- END ROW -->
                  
                  
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 1</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text" id="arrival1" name="arrival1"/>
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure1" name="departure1" />
                    </td>
                </tr><!-- END ROW -->
                
        
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 2</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text"  id="arrival2" name="arrival2"/>
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure2" name="departure2" />
                    </td>
                </tr><!-- END ROW -->
            
                <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Numero Total de Invitados: </label><br />
                    <select name="NumeroTotaldeInvitados" id="NumeroTotaldeInvitados">
                    <%For i = 0 To 5 %>
                    <option value="<%=i%>"><%=i%></option>
					<%Next%>                
                    </select>
  					</td>
                    <td width="33%">
                    <label>Numero de Niños: </label><br />
                    <select name="NumerodeNinos" id="NumerodeNinos">
					<%For i = 0 To 10 %>
                    <option value="<%=i%>"><%=i%></option>
					<%Next%>
                    </select>
                    </td>
                    <td width="33%">
                    <label>Noches Extras: </label><br />
					<select name="NochesExtras" id="NochesExtras">
                    <%For i = 0 To 5 %>
                    <option value="<%=i%>"><%=i%></option>
					<%Next%>
                    </select>
                    </td>
                </tr><!-- END ROW -->
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombres de Acompañantes: </label><br />
					<textarea cols="30" rows="5"name="NombresdeAcompanantes" id="NombresdeAcompanantes"></textarea>
  					</td>
                    <td width="33%">
                    <label>Detalles de Habitacion: </label><br />
					<textarea cols="30" rows="5"name="DetallesdeHabitacion" id="DetallesdeHabitacion"></textarea>
            		</td>
                    <td width="33%">
                    
                            <label>Actividades: </label><br />
					<textarea cols="30" rows="5"name="Actividades" id="Actividades"></textarea>
              
                    </td>
                </tr><!-- END ROW -->
				<tr> <!-- ROW -->
                    <td width="33%">&nbsp;
                    
                    </td>
                </tr><!-- END ROW -->
           
             
            </table>
			
			<a href="javascript:divHideShow('divA');">+ Reservacion aditional</a>
            <br />
            <div id="divA">
			
             <hr/>
            <h3>Extra 1</h3>
			<input type="hidden" name="checked_divA" id="checked_divA" value="0"/>
			<table cellpadding="0" width="100%">
                                    <tr> <!-- ROW -->
                	<td width="33%">
            	<label>Propiedad: </label><br />
            			<select name="Propiedad_divA" id="Propiedad_divA">
			    		<option value="0">-- Seleccionar --</option>
            			<option <% if(PropertyID= 1) then%> selected="selected" <% end if%> value="VM - Vista Mar">VM - Vista Mar</option>
                		<option <% if(PropertyID= 2) then%> selected="selected" <% end if%> value="LC - Las Colinas Resort">LC Las Colinas Resort</option>
            			</select>
  					</td>
                    <td width="33%">
                       <label># BR: </label><br />
            			<select name="Habitacion_divA" id="Habitacion_divA">
			    		<option value="0">-- Seleccionar --</option>
                		<option value="1 BR">1 BR</option>
                		<option value="2 BR">2 BR</option>
                		<option value="3 BR">3 BR</option>
            			</select>
       
       
            		</td>
                                 
                    </td>
                </tr><!-- END ROW -->
                  
                  
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 1</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text" id="arrival1_divA" name="arrival1_divA"/>
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure1_divA" name="departure1_divA"/>
                    </td>
                </tr><!-- END ROW -->
                
        
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 2</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text"  id="arrival2_divA" name="arrival2_divA"/>
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure2_divA" name="departure2_divA"/>
                    </td>
                </tr><!-- END ROW -->
            
                <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Numero Total de Invitados: </label><br />
                    <select name="NumeroTotaldeInvitados_divA" id="NumeroTotaldeInvitados_divA">
                    <%For i = 0 To 5 %>
                    <option value="<%=i%>"><%=i%></option>
					<%Next%>              
                    </select>
  					</td>
                    <td width="33%">
                    <label>Numero de Niños: </label><br />
                    <select name="NumerodeNinos_divA" id="NumerodeNinos_divA">
                    <%For i = 0 To 10 %>
                    <option value="<%=i%>"><%=i%></option>
					<%Next%>                 
                    </select>
                    </td>
                </tr><!-- END ROW -->
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombres de Acompañantes: </label><br />
					<textarea cols="30" rows="5"name="NombresdeAcompanantes_divA" id="NombresdeAcompanantes_divA"></textarea>
  					</td>
                    <td width="33%">
                    <label>Detalles de Habitacion: </label><br />
					<textarea cols="30" rows="5"name="DetallesdeHabitacion_divA" id="DetallesdeHabitacion_divA"></textarea>
            		</td>
                    <td width="33%">
                    
                            <label>Actividades: </label><br />
					<textarea cols="30" rows="5"name="Actividades_divA" id="Actividades_divA"></textarea>
              
                    </td>
                </tr><!-- END ROW -->
                
                
                <tr id="areaUpdate_divA"> <!-- ROW -->
                	<td width="33%">
            		<label>Tarifa :</label><br />
                    <input type="text"  />
  					</td>
                    <td width="33%">
                    <label>Tarifa con Descuento :</label><br />
                     	<input type="text"  />
            		</td>
                    <td width="33%">
                    <input id="submit_divA" name="" type="button" value="Ver Tarifas"/>
                 
                    </td>
                </tr><!-- END ROW -->
            </table>
            
                      <br />
<a href="javascript:divHideShow('divB');">+ Reservacion aditional</a>
            <br />
                        
            </div><! -- END  EXTRA INFO -->
            
            
            
            <div id="divB">
<hr/>
			<h3>Extra 2</h3>
			<input type="hidden" name="checked_divB" id="checked_divB" value="0"/>
            <table cellpadding="0" width="100%">
                                    <tr> <!-- ROW -->
                	<td width="33%">
            	<label>Propiedad: </label><br />
            			<select name="Propiedad_divB" id="Propiedad_divB">
			    		<option value="0">-- Seleccionar --</option>
            			<option <% if(PropertyID= 1) then%> selected="selected" <% end if%> value="VM - Vista Mar">VM - Vista Mar</option>
                		<option <% if(PropertyID= 2) then%> selected="selected" <% end if%> value="LC - Las Colinas Resort">LC Las Colinas Resort</option>
            			</select>
  					</td>
                    <td width="33%">
                       <label># BR: </label><br />
            			<select name="Habitacion_divB" id="Habitacion_divB">
			    		<option value="0">-- Seleccionar --</option>
                		<option value="1 BR">1 BR</option>
                		<option value="2 BR">2 BR</option>
                		<option value="3 BR">3 BR</option>
            			</select>
       
       
            		</td>
                   
                </tr><!-- END ROW -->
                  
                  
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 1</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text" id="arrival1_divB" name="arrival1_divB"/>
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure1_divB" name="departure1_divB"/>
                    </td>
                </tr><!-- END ROW -->
                
        
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 2</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text"  id="arrival2_divB" name="arrival2_divB"/>
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure2_divB" name="departure2_divB"/>
                    </td>
                </tr><!-- END ROW -->
            
                <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Numero Total de Invitados: </label><br />
                    <select name="NumeroTotaldeInvitados_divB" id="NumeroTotaldeInvitados_divB">
                    <%For i = 0 To 5 %>
                    <option value="<%=i%>"><%=i%></option>
					<%Next%>               
                    </select>
  					</td>
                    <td width="33%">
                    <label>Numero de Niños: </label><br />
                    <select name="NumerodeNinos_divB" id="NumerodeNinos_divB">
                    <%For i = 0 To 10 %>
                    <option value="<%=i%>"><%=i%></option>
					<%Next%>                
                    </select>
                    </td>
                  
                </tr><!-- END ROW -->
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombres de Acompañantes: </label><br />
					<textarea cols="30" rows="5"name="NombresdeAcompanantes_divB" id="NombresdeAcompanantes_divB"></textarea>
  					</td>
                    <td width="33%">
                    <label>Detalles de Habitacion: </label><br />
					<textarea cols="30" rows="5"name="DetallesdeHabitacion_divB" id="DetallesdeHabitacion_divB"></textarea>
            		</td>
                    <td width="33%">
                    
                            <label>Actividades: </label><br />
					<textarea cols="30" rows="5"name="Actividades_divB" id="Actividades_divB"></textarea>
              
                    </td>
                </tr><!-- END ROW -->
                
                
                 <tr id="areaUpdate_divB"> <!-- ROW -->
                	<td width="33%">
            		<label>Tarifa :</label><br />
                    <input type="text"  />
  					</td>
                    <td width="33%">
                    <label>Tarifa con Descuento :</label><br />
                     	<input type="text"  />
            		</td>
                    <td width="33%">
                      <input id="submit_divB" name="" type="button" value="Ver Tarifas"/>
                    </td>
                </tr><!-- END ROW -->
             
            </table>
           
                                  <br />
<a href="javascript:divHideShow('divC');">+ Reservacion aditional</a>
            <br />
                        
            
            </div><! -- END  EXTRA INFO -->
            
                      <div id="divC">
<hr/>
		<h3>Extra 3</h3>
		<input type="hidden" name="checked_divC" id="checked_divC" value="0"/>
            <table cellpadding="0" width="100%">
                                    <tr> <!-- ROW -->
                	<td width="33%">
            	<label>Propiedad: </label><br />
            			<select name="Propiedad_divC" id="Propiedad_divC">
			    		<option value="0">-- Seleccionar --</option>
            			<option <% if(PropertyID= 1) then%> selected="selected" <% end if%> value="VM - Vista Mar">VM - Vista Mar</option>
                		<option <% if(PropertyID= 2) then%> selected="selected" <% end if%> value="LC - Las Colinas Resort">LC Las Colinas Resort</option>
            			</select>
  					</td>
                    <td width="33%">
                       <label># BR: </label><br />
            			<select name="Habitacion_divC" id="Habitacion_divC">
			    		<option value="0">-- Seleccionar --</option>
                		<option value="1 BR">1 BR</option>
                		<option value="2 BR">2 BR</option>
                		<option value="3 BR">3 BR</option>
            			</select>
       
       
            		</td>
                    
                </tr><!-- END ROW -->
                  
                  
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 1</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text" id="arrival1_divC" name="arrival1_divC"/>
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure1_divC" name="departure1_divC"/>
                    </td>
                </tr><!-- END ROW -->
                
        
                     <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Fecha 2</label>
  					</td>
                    <td width="33%">
                    <label>Llegada: </label><br />
                    <input type="text"  id="arrival2_divC" name="arrival2_divC"/>
            		</td>
                    <td width="33%">
                    <label>Salida: </label><br />
					<input type="text" id="departure2_divC" name="departure2_divC"/>
                    </td>
                </tr><!-- END ROW -->
            
                <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Numero Total de Invitados: </label><br />
                    <select name="NumeroTotaldeInvitados_divC" id="NumeroTotaldeInvitados_divC">
                   <%For i = 0 To 5 %>
                    <option value="<%=i%>"><%=i%></option>
					<%Next%>           
                    </select>
  					</td>
                    <td width="33%">
                    <label>Numero de Niños: </label><br />
                    <select name="NumerodeNinos_divC" id="NumerodeNinos_divC">
                    <%For i = 0 To 10 %>
                    <option value="<%=i%>"><%=i%></option>
					<%Next%>                   
                    </select>
                    </td>
                    
                </tr><!-- END ROW -->
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombres de Acompañantes: </label><br />
					<textarea cols="30" rows="5"name="NombresdeAcompanantes_divC" id="NombresdeAcompanantes_divC"></textarea>
  					</td>
                    <td width="33%">
                    <label>Detalles de Habitacion: </label><br />
					<textarea cols="30" rows="5"name="DetallesdeHabitacion_divC" id="DetallesdeHabitacion_divC"></textarea>
            		</td>
                    <td width="33%">
                    
                            <label>Actividades: </label><br />
					<textarea cols="30" rows="5"name="Actividades_divC" id="Actividades_divC"></textarea>
              
                    </td>
                </tr><!-- END ROW -->
                
                
                 <tr id="areaUpdate_divC"> <!-- ROW -->
                	<td width="33%">
            		<label>Tarifa :</label><br />
                    <input type="text"  />
  					</td>
                    <td width="33%">
                    <label>Tarifa con Descuento :</label><br />
                     	<input type="text"  />
            		</td>
                    <td width="33%">
                      <input id="submit_divC" name="" type="button" value="Ver Tarifas"/>
                    </td>
                </tr><!-- END ROW -->
             
            </table>
          
            
            </div><! -- END  EXTRA INFO -->
				                
           </fieldset><!-- END OF FADED -->
           
            <fieldset><!-- TRANSPORTACION -->
           		<legend>Transporte</legend>
                
           <table cellpadding="0" width="100%">     
           <tr>
		   <td></td>
		   <td>
		   <label>Transportation Cost:</label><input type="text" value="" id="transCost" readonly />
		   </td>
		   <td>
		   <label>Client advised there are additional costs for transportation</label>
			<input type="checkbox" value="" id="checkAdvised "/>
		   </td>
		   </tr>
           <tr><!-- ROW -->
           		<td colspan="3"><h4>Llegada</h4>
                </td>
                
            </tr><!-- END ROW -->    
           
           <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Aereolinea: </label><br />
					<select name="Aereolinea" id="Aereolinea">
	            		<option value="0">-- Seleccionar --</option>
            			<option value="1">American Airlines</option>
                		<option value="2">United</option>
                        <option value="3">AereoMexico</option>
                        <option value="4">LAN</option>
						<option value="6">Volaris</option>
                        <option value="5">Alaska</option>
                       </select>
                       </td>
                    <td width="33%">
                             <label>Aereopuerto: </label><br />
					<select name="Aereopuerto" id="Aereopuerto">
	            		<option value="0">-- Seleccionar --</option>
            			<option value="1">La Paz</option>
                		<option value="2">Los Cabos</option>
            		</select>
                    </td>
                    
                   <td width="33%">
                    <label>Necesitan Transporte? </label><br />
					<select name="NecesitanTransporte" id="NecesitanTransporte">
	            		<option value="-1">-- Seleccionar --</option>
            			<option value="1">SI</option>
                		<option value="0">NO</option>
            		</select>
            		</td>
                </tr><!-- END ROW --> 
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Hora Aproximada de llegada</label><br />
					<input type="text" name="HoraAproximadadellegada" id="HoraAproximadadellegada"/>
                    
                    
                       </td>
                    <td width="33%">&nbsp;
                  
                    </td>
                    
                   <td width="33%">&nbsp;
                 
            		</td>
                </tr><!-- END ROW --> 
                
                <tr><!-- ROW -->
           		<td colspan="3"><h4>Salida</h4>
                </td>
                
            </tr><!-- END ROW -->    
           
           <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Aereolinea: </label><br />
					<select name="Salida_Aereolinea" id="Salida_Aereolinea">
	            		<option value="0">-- Seleccionar --</option>
            			<option value="1">American Airlines</option>
                		<option value="2">United</option>
                        <option value="3">AereoMexico</option>
                        <option value="4">LAN</option>
						<option value="6">Volaris</option>
                        <option value="5">Alaska</option>
                       </select>
                       </td>
                    <td width="33%">
                             <label>Aereopuerto: </label><br />
					<select name="Salida_Aereopuerto" id="Salida_Aereopuerto">
	            		<option value="0">-- Seleccionar --</option>
            			<option value="1">La Paz</option>
                		<option value="2">Los Cabos</option>
            		</select>
                    </td>
                    
                   <td width="33%">
                    <label>Necesitan Transporte? </label><br />
					<select name="Salida_NecesitanTransporte" id="Salida_NecesitanTransporte">
	            		<option value="-1">-- Seleccionar --</option>
            			<option value="1">SI</option>
                		<option value="0">NO</option>
            		</select>
            		</td>
                </tr><!-- END ROW --> 
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Hora de Salida</label><br />
					<input type="text" name="HoradeSalida" id="HoradeSalida"/>
                    
                    
                       </td>
                    <td width="33%">&nbsp;
                  
                    </td>
                    
                   <td width="33%">&nbsp;
                 
            		</td>
                </tr><!-- END ROW --> 
                
                 <tr><!-- ROW -->
                <td colspan="3">
                <label>Notas: </label><br />
                <textarea cols="100" rows="3" name="Notas" id="Notas"></textarea>
                </td>
                </tr><!-- END ROW -->
                
                <tr><!-- ROW -->
                <td colspan="3">
                <label>Inforamacion Pendiente: </label><br />
                <textarea cols="100" rows="3" name="InforamacionPendiente" id="InforamacionPendiente"></textarea>
                </td>
                </tr><!-- END ROW -->
                
                
                  <tr> <!-- ROW -->
                	
                    <td valign="bottom" align="center" colspan="3">
                    <br />
                   
            		</td>
                    <td width="33%">&nbsp;
                    
                    </td>
                </tr><!-- END ROW -->
           
           </table>
           </fieldset><!-- END TRANSPORTACION -->
           
           
           
                <fieldset><!-- TARJETA DE CREDITO -->
           		<legend>Tarjeta de Credito</legend>
                
           <table cellpadding="0" width="100%">  
              <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombre: </label><br />
					<input type="text" name="NombreCard" id="NombreCard" />   </td>
                    <td width="33%">
                             <label>Tipo: </label><br />
					<select name="Tipo" id="Tipo">
	            		<option value="">-- Seleccionar --</option>
            			<option value="Visa">Visa</option>
                		<option value="Master Card">Master Card</option>
                        <option value="American Express">American Express</option>
                        <option value="Discover">Discover</option>
                       </select>
                    </td>
                    
                 <td width="33%">
                             <label>Numero de Tarjeta: </label><br />
				<input type="text" name="NumerodeTarjetaCard" id="NumerodeTarjetaCard"/>
                    </td>
                    
                    </tr>
           
              
           <tr> <!-- ROW -->
                  <td width="33%">
                    <label>Fecha de Expiracion (MM/YY)</label><br />
					<input type="text" name="FechaDeExpiracion" id="FechaDeExpiracion"/>
            		</td>
                    
                    <td>
                      <label>Codigo de Seguridad: </label><br />
				<input type="text" name="CodigodeSeguridad" id="CodigodeSeguridad"/>
                    </td>
					</tr>
					<tr></tr>
					<tr></tr>
				<tr>
                     <td>
                      <label>Billing Address: </label>
					</td>
					<td>
						<input type="checkbox" name="addAdress" id="addAdress"/>
						<label>Same as above</label>
                    </td>

                </tr><!-- END ROW --> 
				<tr></tr>
					<tr></tr>
					<tr> <!-- ROW -->
                    <td>
            	<label>Direccion 1: </label><br />
                <input type="text" name="Direccion1_billing" id="Direccion1_billing" value=""/>
            		</td>
                    <td>
            	<label>Direccion 2: </label><br />
                <input type="text" name="Direccion2_billing" id="Direccion2_billing" value=""/>
            		</td>
                    <td>
             <label>Ciudad: </label><br />
                <input type="text"name="Ciudad_billing" id="Ciudad_billing" value=""/>
            		</td>
                 </tr><!-- END ROW -->
				<tr>
				<td>
				<label>Pais: </label><br />
					<select id="Pais_billing">
            			<option value="USA">USA</option>
                		<option value="Canada">Canada</option>
                		<option value="Mexico">Mexico</option>
                		<option value="Other">Other</option>
            	</td>
                    <td>
            	<label>Stado / Provincia: </label><br />
				 <select id="State_billing">
                  <option value='select' selected="selected">Seleccione Estado</option>
                  
                </select>
            		</td>
				</tr>
					<tr>
					<td id="td_pais_billing" style="display:none">
					<label>Country: </label><br />
					 <input type="text" name="Pais_billing" id="country_billing" value="USA"/>
					</td>
					<td id="td_province_billing" style="display:none">
					<label>Stado / Provincia: </label><br />
					 <input type="text" name="Stado_billing" id="province_billing" value=""/>
					</td>
                    <td>
            	<label>Codigo Postal: </label><br />
                <input type="text"name="Postal_billing" id="Postal_billing" value=""/>
            		</td>
                   
                 </tr><!-- END ROW -->
				</tr>
				
				<tr> <!-- ROW -->
                	
                    <td valign="bottom" align="center" colspan="3">
                    <br />
                     <input type="button"  value="Enviar" onclick='SubmitForm2()'/>
            		</td>
                    <td width="33%">&nbsp;
                    
                    </td>
                </tr><!-- END ROW -->
           </table>
           </fieldset><!-- END CRADIT CARD -->
           </form>
		   
    	</div><!-- END .main_wrapper_margin -->
	</div><!-- END #main_wrapper -->
<div style='display:none'>
			<div id='inline_content' style='padding:10px; background:#fff;'>
			
			</div>
		</div>
         <!-- FOOTER -->
         
         <!--#INCLUDE FILE="sales_footer.asp"-->
         
         <!-- END FOOTER -->   

</body>
</html>
